@function vw($px) {
  @return ($px/720)*100vw;
  // 量出来 $px  设计稿 721
}

* {
  div {
    box-sizing: border-box;
  }
}

.content {
  .search-b {
    padding: vw(21) vw(19) 0 vw(14);
    height: vw(100);
    background-color: #000;

    .sear {
      padding-bottom: vw(19);
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid #524e4d;

      .del {
        width: vw(58);
        height: vw(56);

        >img {
          width: 100%;
          height: 100%;
        }
      }

      .search {
        display: flex;
        display: -webkit-flex;
        justify-content: flex-start;
        align-items: center;
        width: vw(544);
        height: vw(58);
        border: 1px solid #fff;
        border-radius: vw(40);

        .pic {
          padding: vw(12);
          width: vw(68);
          height: vw(60);

          >img {
            width: 100%;
            height: 100%;
          }
        }

        input {
          padding-left: vw(18);
          width: vw(554);
          height: vw(60);
          line-height: vw(60);
          background-color: transparent;
          font-size: vw(24);
          color: #808080;
          outline: none;
          border: none;
        }
      }


    }
  }

  .log-pic {
    // text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: vw(404);
    background-color: #222222;

    .log-b {
      text-align: center;

      .pic {
        width: vw(149);
        height: vw(149);
        border-radius: 50%;
        overflow: hidden;

        >img {
          width: 100%;
          height: 100%;
        }
      }

      p:first-of-type {
        margin: vw(25) auto vw(12);
        font-size: vw(28);
        color: #fff;
      }

      p:nth-of-type(2) {
        font-size: vw(22);
        color: #5f5f5f;
        text-decoration-line: underline;
      }

    }
  }
}